@charset 'UTF-8';

.resume-page {
  .primary-text {
    font-size: $font-text-size;
    color: $text-grayss-color;
    font-weight: 400;
  }

  .orange-text {
    color: #f15c18;
    display: none;
    cursor: pointer;
  }

  .job-page-center {
    margin-top: 20px;
  }

  .resume-head-name {
    width: 900px;
    min-height: 165px;
    padding: 0 50px !important;

    img {
      float: left;
    }

    .infomation-right {
      width: 690px;
      float: right;
      padding: 0 0 0 20px;
      box-sizing: border-box;

      img {
        margin-right: 8px;
      }

      .infomation-name {
        font-size: 24px;
        color: $text-blacks-color;
        font-weight: bold;
        display: flex;
        align-items: center;


        .work-label-sta {
          display: inline-block;
          padding: 0 16px;
          height: 24px;
          border-radius: 10px 10px 10px 0px;
          background: $text-blue-color;
          color: $bg-color;
          text-align: center;
          font-size: $font-text-size;
          line-height: 24px;
          font-weight: 400;
          margin-left: 10px;
        }
      }

      .infomation-details {
        margin: 20px 0 0 0;
        display: flex;
        justify-content: flex-start;

        .el-col {
          border-right: 1px solid $text-grayss-color;
        }

        .col-ju-center {
          display: flex;
          justify-content: center;
          align-items: center;
        }

        .border-none {
          border: none;
        }
      }
    }
  }

  .resume-head-content {
    width: 900px;
    min-height: 156px;
    padding: 0 50px 50px 50px !important;
    box-sizing: border-box;

    .job-intention {
      width: 100%;
      height: 30px;
      margin: 20px 0 20px 5px;
      display: flex;
      align-items: center;
      justify-content: space-between;

      img {
        margin-right: 8px;
      }


      &:hover {
        background: #f7fdff;

        .orange-text {
          display: block;
        }
      }

    }

    .work-experience {
      width: 100%;
      padding: 10px 25px;
      margin: 20px 0 20px 0;

      &:hover {
        background: #f7fdff;

        .orange-text {
          display: block;
        }
      }

      .work-experience-head {
        font-size: 16px;
        color: #555;
        font-weight: bold;

        .work-experience-time {
          font-size: 12px;
          font-weight: 400;
          color: #999;
          margin: 0 0 0 30px;
        }

        .work-license {
          font-size: 14px;
          font-family: MicrosoftYaHei-Bold;
          font-weight: bold;
          color: rgba(51, 51, 51, 1);
          margin: 0 0 0 30px;
        }
      }

      .el-row {
        p {
          line-height: 25px;
        }
      }
    }
  }

  .all-job-resume {
    padding: 30px 0 0 0;

    .all-job-resume-head {
      .el-col {
        height: 100%;
      }

      .plus-add {
        color: #f15c18;
        cursor: pointer;
        font-size: 22px;
      }

      width: 100%;
      font-size: 18px;
      font-weight: bold;
      color: #333;
      margin: 0 0 19px 0;

      .all-job-resume-line {
        width: 4px;
        height: 100%;
        background: $theme-color;
        display: inline-block;
        margin: 0 5px 0 0;
      }

      .all-job-resume-sub-text {
        color: #dd3a31;
        font-size: 14px;
        font-weight: 400;
      }
    }
  }

  .resume-full {
    width: 280px;
    min-height: 208px !important;
    padding: 23px 20px 20px 20px !important;
    box-sizing: border-box;

    .job-resume-sub {
      margin: 0 0 8px 0 !important;
    }

    .upload {
      width: 240px;
      height: 40px;
      margin-top: 20px;
      border-radius: $border-m-radius;
      background: $bg-color;
      border: 1px solid $theme-color;
      color: $theme-color;
      font-size: $font-xs-size;
      padding: 0;

      span {
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }

  .all-input {
    width: 259px;
    height: 35px;

    .el-input__inner {
      line-height: 35px;
      height: 35px;
    }
  }

  .money-input {
    width: 40px;
    height: 35px;

    input {
      padding: 0 5px;
    }
  }

  .form-button-right {
    text-align: right;

    .el-button {
      padding: 8px 19px;
      font-size: $font-text-l-size;
      border-radius: $border-m-radius;
    }

    .ghost-button {
      color: $theme-color;
      border-color: $theme-color;
      background: $bg-color;
    }

    .submit-button {
      color: $bg-color;
      border: none;
      background: $theme-color;
    }
  }
}

.edit-content {
  width: 900px;
  min-height: 100px;
  padding: 24px 0 30px 0;
  background: #f7fdff;
  margin: 0 0 0 -50px;

  .el-radio {
    margin-right: 7px;
  }

  .el-textarea {
    width: 714px;
  }

  .el-form {
    margin: 0 0 0 50px;

    .form-button-right {
      margin: 0 70px 0 0;
    }
  }

  .all-job-resume {
    .el-cascader {
      width: 259px;
      height: 35px;

      .el-input {
        input {
          width: 100%;
          height: 35px;
        }
      }
    }
  }

  .all-job-resume .all-job-resume-head {
    margin: 0 0 19px 50px;
  }
}

.bright-tag {
  margin: 20px 0 20px 0;
  padding: 20px 0 0 0;
  min-height: 30px;

  .el-tag {
    width: auto;
    padding: 7px 20px;
    line-height: 15px;
    border: none;
    border-radius: 2px;
    background: #f3f3f7;
    color: #666;
    font-size: 13px;
    margin: 0 10px 10px 0;

    .el-icon-close {
      color: #666;
    }

    .el-icon-close:hover {
      background: #ff7300;
      color: #fff;
    }
  }
}

.el-checkbox__input {
  display: none;
}

.el-checkbox.is-bordered+.el-checkbox.is-bordered {
  margin: 0 10px 10px 0;
}

.el-checkbox.is-bordered {
  height: 26px;
  margin: 0 10px 10px 0;
  padding: 5px 10px;
  font-size: 14px;
  color: #666;

  span {
    padding: 0;
  }
}

.is-bordered {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
}

.el-checkbox.is-bordered.is-checked {
  background: url('../../assets/img/checked.png') no-repeat right bottom;
  background-size: 14px 14px;
}

.line-padding {
  padding: 0 5px 0 5px;
}